<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>nav2</title>
        <script src="../style/js/jquery.js"></script>
        <script src="../style/js/bt.dwz.js"></script>
    </head>
    <body>
        <div class="span12"> 
            <div class="bs-docs-example">
                <div class="tabbable tabs-left">
                  <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#lA">Section 1</a></li>
                    <li><a data-toggle="tab" href="#lB">Section 2</a></li>
                    <li><a data-toggle="tab" href="#lC">Section 3</a></li>
                  </ul>
                  <div class="tab-content">
                    <div id="lA" class="tab-pane active">
                      <p>I'm in Section A.</p>
                    </div>
                    <div id="lB" class="tab-pane">
                      <p>Howdy, I'm in Section B.</p>
                    </div>
                    <div id="lC" class="tab-pane">
                      <p>What up girl, this is Section C.</p>
                    </div>
                  </div>
                </div> <!-- /tabbable -->
            </div>

            <div class="bs-docs-example">
                <div class="tabbable tabs-right">
                  <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#rA">Section 1</a></li>
                    <li><a data-toggle="tab" href="#rB">Section 2</a></li>
                    <li><a data-toggle="tab" href="#rC">Section 3</a></li>
                  </ul>
                  <div class="tab-content">
                    <div id="rA" class="tab-pane active">
                      <p>I'm in Section A.</p>
                    </div>
                    <div id="rB" class="tab-pane">
                      <p>Howdy, I'm in Section B.</p>
                    </div>
                    <div id="rC" class="tab-pane">
                      <p>What up girl, this is Section C.</p>
                    </div>
                  </div>
                </div> <!-- /tabbable -->
            </div>

        </div>
    </body>
</html>
